<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no">
    <title>Welcome to Rocky's website!</title>
    <link rel="stylesheet" href="style/main.css">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="style/navbar-fixed-left.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7664629045569792"
     crossorigin="anonymous"></script>
</head>

<body class="text-center body" id="page-top">
    <nav class="navbar navbar-expand-lg navbar-dark fixed-left" id="sideNav hw_nav" role="banner"
        style="background-color: #1E88E5">
        <a class="navbar-brand js-scroll-trigger">
            <span class="d-block d-lg-none margin-banner">Rocky</span>
            <span class="d-none d-lg-block">
                <img class="img-fluid img-profile mx-auto mb-2 rocky_scale" src="Rocky_By_薰凝.webp" />
                <figcaption class="p1-1d" id="fc"><em>Artwork by 薰凝</em></figcaption>
            </span>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
            aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
                class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse special" id="navbarResponsive">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item"><a class="nav-link " href="#">Home</a></li>
                <li class="nav-item"><a class="nav-link " href="#">About me</a></li>
                <li class="nav-item"><a class="nav-link " href="#">Story</a></li>
                <li class="nav-item"><a class="nav-link " href="#">Gallery</a></li>
                <li class="nav-item"><a class="nav-link " href="#">Playground</a></li>
            </ul>
        </div>
    </nav>
    <div class="container-fluid p-0 correct">
        <button type="button" class="btn top btn-floating btn-lg" id="btn-back-to-top">
            <i class="fas fa-arrow-up">▲</i>
        </button>
        <div class="hf">
            <p>
                <a href="lang_new.html">Current Language: English</a><br>
            </p>
        </div>
        <div>
            <img src="welcome.png" class="welcome">
        </div>
        <div class="content">
            <div>
                <div class="box0 textbox">
                    <div class="text">
                        <h5 class="greeting">Hi, I'm Rocky! ヾ(≧▽≦*)o</h5>
                    </div>
                </div>
            </div>
        </div>
        <div class="caution">
            <p><strong>The DNAxCAT character body is copyrighted to DNAxCAT.</strong></p>
        </div>
        <footer class="hf">
            <p>Check out my <a href="https://twitter.com/kirbysfan2">Twitter</a></p>
        </footer>
    </div>
    <script src="bootstrap/js/bootstrap.bundle.js"></script>
    <script src="js/scripts.js"></script>

    <body>

</html>